系統功能

今天持續介紹一些測驗的元件。今天要介紹的是測驗元件的「等級」功能。
測驗的目的是為了能確認自己的能力，或者是藉由測驗做學習。
1. 如果自己的實力足夠，測驗得到滿分，就可向上一個等級，獲得1顆星星，在1顆星星的狀況下，如果再得到滿分，就可累積到2顆星星。在2顆星星的狀況下，如果再得到滿分，就可累積到3顆星星。此時該章節會改變顏色並標上笑臉"😃"表示此課程已完成。
2. 在有1顆或2顆的狀況下，如果回答沒有獲得滿分，就會把星星歸0.

技術手法

            if (
                curProcCnt < topics[i].open_course_cnt &&
                topics[i].main_subj != "game" &&
                topics[i].main_subj != "advanced" &&
                topics[i].main_subj != "amusement" &&
                topics[i].main_subj != "video" 
            ) {
                var curClassID;
                curClassID = curBaseID;
                if (
                    topics[i].quiz_type.includes("conversation_m4a_test") ||
                    topics[i].quiz_type.includes("conversation_mp3_test") ||
                    topics[i].quiz_type.includes("conversation_youtube_test")
                ) {
                    tmpMessage =
                        '<button  class="conversation-test-button" id ="' +
                        "test_" +
                        curClassID +
                        '">測驗 </button><span style="color:blue;">';
                }
                tmpMessage =
                    tmpMessage +
                    "<span style='color:blue;'" +
                    'id="' +
                    curClassID +
                    '_star" >';
                tmpMessage += showStar(tmpLevel);
                tmpMessage += "</span>";
                c.innerHTML = tmpMessage;
            }

function showStar(tmpLevel) {
    var returnStar = "";
    for (k = 0; k < tmpLevel; k++) {
        returnStar += "★";
    }
    for (; k < 3; k++) {
        returnStar += "✩";
    }
    return returnStar;
}

        var tmpLevel = getStarLevel(curButton.id);
        if (tmpLevel >= 3) {
            curButton.classList.add("test-finish");
            curButton.innerText += "😃";
        } else if (tmpLevel > 0) {
            curButton.classList.add("test-no-pass");
        } else curProcCnt++;

語文學習14-節日與禮物

1. 中秋節大家會做什麼？與家人相聚烤肉
2. 你小孩生日會送她什麼禮物？會買蛋糕給他吃
3. 〖單字〗節日
4. 〖單字〗禮物